<template>
  <div class="project">
    <div class="wrapper">
      <h2>{{projectName}}</h2>
      <div><strong>地点：{{projectRegion}}</strong></div>
      <div><strong>时间：{{projectBeginTime}} ~ {{projectEndTime}}</strong></div>
      <div v-html="projectDetails"></div>
    </div>
  </div>
</template>
<script>
import {get} from '../utils/request'
export default {
  data(){
    return {
      id:this.$route.query.id,
      projectName:this.$route.query.name || '',
      projectRegion:this.$route.query.region || '',
      projectBeginTime:this.$route.query.beginTime || '',
      projectEndTime:this.$route.query.endTime || '',
      projectDetails:this.$route.query.details || '',
    }
  },
  // methods:{
  //   // projectDetailsFill(){
  //   //   this.projectDetails = this.$route.query.details;
  //   // }
  //   fill(){
  //     get('/index/project/findById',{id:this.id}).then(resp=>{
  //       console.log(resp);
  //     })
  //   }
  // },
  // created(){
  //   this.fill()
  // }
}
</script>

<style lang="scss" scoped>
  .project{
    .wrapper{
      h2{
        display: block;
        margin: 1em 5em;
      }
    }
  }
</style>